<div class="col-xl-12">
    <div class="widget has-shadow">
        <div class="widget-body">
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.taskId"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="taskId"></span>
                    <div class="hide" name="taskId">
                        <div class="padding-0">

                        </div>

                        <input name="taskId" type="text" class="form-control translate" translateFor="placeholder.taskId" translateTo="placeholder" required>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskName"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="taskName"></span>
                    <div class="hide" name="taskName">
                        <input type="text" name="taskName" class="form-control translate" translateFor="placeholder.taskName" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-group">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskGroup"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="taskGroup"></span>
                    <div class="hide" name="taskGroup">
                        <a href="javascript:void(0)" onclick="">分配</a>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-step">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskStep"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="taskStep"></span>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.taskType2"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="taskType"></span>
                    <div class="hide" name="taskType">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="taskType" id="taskType-native" value="N" checked>
                                <label class="custom-control-descfeedback" for="taskType-native"><span class="translate" translateFor="taskType.N"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="taskType" id="taskType-remote" value="R">
                                <label class="custom-control-descfeedback" for="taskType-remote"><span class="translate" translateFor="taskType.R"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="taskType" id="taskType-mq" value="M">
                                <label class="custom-control-descfeedback" for="taskType-mq"><span class="translate" translateFor="taskType.M"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-native">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.beanId"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="beanId"></span>
                    <div class="hide" name="beanId">
                        <input type="text" name="beanId" class="form-control translate" translateFor="placeholder.beanId" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-native">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.beanClass"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="beanClass"></span>
                    <div class="hide" name="beanClass">
                        <input type="text" name="beanClass" class="form-control translate" translateFor="placeholder.beanClass" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-remote">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.remoteUrl"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="remoteUrl"></span>
                    <div class="hide" name="remoteUrl">
                        <input type="text" name="remoteUrl" class="form-control translate" translateFor="placeholder.remoteUrl" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-mq">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqConfigId"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="mqConfigId"></span>
                    <div class="hide" name="mqConfigId">
                        <input type="text" name="mqConfigId" class="form-control readonly-invalid input-readonly translate" translateFor="placeholder.selectMqConfigId" translateTo="placeholder" readonly>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-mq">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqDestination"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="mqDestination"></span>
                    <div class="hide" name="mqDestination">
                        <input type="text" name="mqDestination" class="form-control translate" translateFor="placeholder.mqDestination" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 task-type-mq">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.mqCallback"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="mqCallback"></span>
                    <div class="hide" name="mqCallback">
                        <input type="text" name="mqCallback" class="form-control translate" translateFor="placeholder.mqCallback" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.priority"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="priority"></span>
                    <div class="hide" name="priority">
                        <span class="translate slider-before lang" translateFor="priority.low"></span>
                        <div class="translate slider-center lang priority_slider"></div>
                        <span class="translate slider-after lang" translateFor="priority.high"></span>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.partitionCount"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="partitionCount"></span>
                    <div class="hide" name="partitionCount">
                        <input type="text" name="partitionCount" class="form-control translate" translateFor="placeholder.partitionCount" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.partitionMode"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="partitionMode"></span>
                    <div class="hide" name="partitionMode">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="partitionMode" id="partitionMode-S" value="S" checked>
                                <label class="custom-control-descfeedback" for="partitionMode-S"><span class="translate" translateFor="partitionMode.S"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="partitionMode" id="partitionMode-D" value="D">
                                <label class="custom-control-descfeedback" for="partitionMode-D"><span class="translate" translateFor="partitionMode.D"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="em-separator separator-dashed mb-r-8"></div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.batchNo"></span></label>
                <div class="col-lg-8">
                    <a href="javascript:void(0)" onclick="">
                        <span class="display" name="batchNo"></span>
                    </a>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.currentFireTime"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="currentFireTime"></span>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.currentFinishTime"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="currentFinishTime"></span>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.nextFireTime"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="nextFireTime"></span>
                    <div class="hide" name="nextFireTime">
                        <input type="text" name="nextFireTime" class="form-control input-readonly datepicker translate" translateFor="placeholder.fireTime" translateTo="placeholder" readonly>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.cron"></span></label>
                <div class="col-lg-8">
                    <span class="display-setting" name="cronExpression"></span>
                    <div class="hide" name="cronExpression">
                        <input type="text" name="cronExpression" class="form-control translate" translateFor="placeholder.cron" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.status"></span></label>
                <div class="col-lg-8">
                    <span class="badge-text badge-text-small" name="status"></span>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.errorMessage"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="errorMessage"></span>
                </div>
            </div>
            <div class="em-separator separator-dashed mb-r-8"></div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.dependentTask"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="dependentTaskId"></span>
                    <div class="hide" name="dependentTaskId">
                        <input name="dependentTaskId" type="text" class="form-control readonly-valid input-readonly translate" translateFor="placeholder.dependentTask" translateTo="placeholder" readonly>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.dependencePolicy"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="dependencePolicy"></span>
                    <div class="hide" name="dependencePolicy">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="dependencePolicy" id="dependencePolicy-S" value="S" checked>
                                <label class="custom-control-descfeedback" for="dependencePolicy-S"><span class="translate" translateFor="dependencePolicy.S"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="dependencePolicy" id="dependencePolicy-W" value="W">
                                <label class="custom-control-descfeedback" for="dependencePolicy-W"><span class="translate" translateFor="dependencePolicy.W"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.blockPolicy"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="blockPolicy"></span>
                    <div class="hide" name="blockPolicy">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="blockPolicy" id="blockPolicy-C" value="C" checked>
                                <label class="custom-control-descfeedback" for="blockPolicy-C"><span class="translate" translateFor="blockPolicy.C"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="blockPolicy" id="blockPolicy-I" value="I">
                                <label class="custom-control-descfeedback" for="blockPolicy-I"><span class="translate" translateFor="blockPolicy.I"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 error-policy">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.errorPolicy"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="errorPolicy"></span>
                    <div class="hide" name="errorPolicy">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-R" value="R" checked>
                                <label class="custom-control-descfeedback" for="errorPolicy-R"><span class="translate" translateFor="errorPolicy.R"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-I" value="I">
                                <label class="custom-control-descfeedback" for="errorPolicy-I"><span class="translate" translateFor="errorPolicy.I"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="errorPolicy" id="errorPolicy-M" value="M">
                                <label class="custom-control-descfeedback" for="errorPolicy-M"><span class="translate" translateFor="errorPolicy.M"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 error-policy-retry">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryCount"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="retryCount"></span>
                    <div class="hide" name="retryCount">
                        <div class="input-group">
                            <input type="text" name="retryCount" class="form-control translate" translateFor="placeholder.retryCount" translateTo="placeholder">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 error-policy-retry">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryIndex"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="retryIndex"></span>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 error-policy-retry">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryInterval"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="retryInterval"></span>
                    <div class="hide" name="retryInterval">
                        <div class="input-group">
                            <input type="text" name="retryInterval" class="form-control translate" translateFor="placeholder.retryInterval" translateTo="placeholder">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 error-policy-retry">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end necessary"><span class="translate" translateFor="label.retryPolicy"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="retryPolicy"></span>
                    <div class="hide" name="retryPolicy">
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-G" value="G" checked>
                                <label class="custom-control-descfeedback" for="retryPolicy-G"><span class="translate" translateFor="retryPolicy.G"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-E" value="E">
                                <label class="custom-control-descfeedback" for="retryPolicy-E"><span class="translate" translateFor="retryPolicy.E"></span></label>
                            </div>
                        </div>
                        <div class="col-lg-1-0">
                            <div class="custom-control custom-radio styled-radio">
                                <input class="custom-control-input" type="radio" name="retryPolicy" id="retryPolicy-N" value="N">
                                <label class="custom-control-descfeedback" for="retryPolicy-N"><span class="translate" translateFor="retryPolicy.N"></span></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="em-separator separator-dashed mb-r-8"></div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.parameters"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="parameters"></span>
                    <div class="hide" name="parameters">
                        <input type="text" name="parameters" class="form-control translate" translateFor="placeholder.parameters" translateTo="placeholder">
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8 useBlackWhiteList">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.blackWhiteList"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="useWhiteBlackList"></span>
                    <div class="hide" name="useWhiteBlackList">
                        <div class="styled-checkbox1">
                            <input type="checkbox" name="useWhiteBlackList" id="blackWhiteList"/>
                            <label for="blackWhiteList"></label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.alarm"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="alarm"></span>
                    <div class="hide" name="alarm">
                        <div class="styled-checkbox1">
                            <input type="checkbox" name="alarm" id="alarm"/>
                            <label for="alarm"></label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group row d-flex align-items-center mb-r-8">
                <label class="col-lg-4 form-control-label d-flex justify-content-lg-end"><span class="translate" translateFor="label.taskSwitch2"></span></label>
                <div class="col-lg-8">
                    <span class="display" name="taskSwitch"></span>
                </div>
            </div>
        </div>
    </div>
</div>